import 'package:flutter/material.dart';

class ContainerCase extends StatelessWidget {
  const ContainerCase({super.key});
  @override
  Widget build(BuildContext context) {
    return Container(
      //容器组件,设置宽高,内外间距,对齐,盒子装饰
      width: 200,
      height: 200,
      //注意,不建议直接设置 color 背景色,会跟decoration 的color冲突
      //建议,使用decoration 背景装饰背景色
      //color: Colors.red,
      //添加 padding
      //padding: const EdgeInsets.all(20),//四个方向统一设置
   //padding: const EdgeInsets.fromLTRB(20, 20, 20, 20),//左,上,右,下
     //    padding: const EdgeInsets.only(top: 30,left: 30),//单独设置
      padding: const EdgeInsets.symmetric(horizontal: 30,vertical: 30),//水平方向统一设置,垂直方向统一设置
      //添加 margin
      margin: const EdgeInsets.all(20),
      //对齐,支持9个方向 ,center 水平垂直居中
  alignment: Alignment.center,
//盒子装饰
decoration: BoxDecoration(
  //背景颜色
  color: Colors.red,
  //圆角
  borderRadius: BorderRadius.circular(20),//四个方向圆角
  //边框
  border: Border.all(
    color: Colors.blue,
    width: 2,
  ),
  //阴影,支持多个
  boxShadow: const [
    BoxShadow(
      color: Colors.grey,
      offset: Offset(10,10),
      blurRadius: 10,
      spreadRadius: 10,
    ),
  ],
  //渐变,支持线性渐变 径向渐变
  gradient: const LinearGradient(
    colors: [
      Colors.red,
      Colors.blue,
    ],
    //渐变方向
    begin: Alignment.topLeft,
    end: Alignment.bottomRight,
  ),
),
      //添加装饰
      child: const Text('hello world'),
  );}
}
